<%@page import="com.xxb.entity.User"%>
<%@page import="com.xxb.entity.Product"%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>达芙妮官方购物网 爱.达芙妮</title>
		<link type="text/css" href="style/indexcss.css" rel="stylesheet"/>
		<script type="text/javascript">
			function show(num){
				if(num == 1){
					document.getElementById("ltop1").style.display="block";
					document.getElementById("ltop2").style.display="none";
					document.getElementById("ltop3").style.display="none";
				}else if(num == 2){
					document.getElementById("ltop1").style.display="none";
					document.getElementById("ltop2").style.display="block";
					document.getElementById("ltop3").style.display="none";
				}else if(num == 3){
					document.getElementById("ltop1").style.display="none";
					document.getElementById("ltop2").style.display="none";
					document.getElementById("ltop3").style.display="block";			
				}
			}

		</script>
	</head>
	<body>
		<div class="header">
          <div class="logo"></div>
			<div class="login">
				<%
					User user = (User)session.getAttribute("curruser");
				 	if(user == null){
				 %> 
				<a href="main.jsp">您好，欢迎观临达芙妮官方购物网</a>&nbsp;&nbsp; 
           		<a href="l_to_login.jsp" onclick="zOpenD()">登陆</a> 
                |
				<a href="l_to_reg.jsp" onclick="zOpenD()">注册</a>
           		<%}else{ %>
           		<a href="main.jsp">您好，<%=user.getName() %></a>&nbsp;&nbsp;
           		<a href="l_exit.jsp" >退出</a> 
                |
				<a href="l_member.jsp" >会员管理平台</a>
           		<%} %>
			</div>
			<div class="menu">
				<ul>
					<li class="a" style="width:111px;"><a href="main.jsp">首页</a></li>
					<li class="b" style="width:95px;"><a href="#">新品</a></li>
					<li class="c" style="width:119px;"><a href="#">靴子</a></li>
					<li class="d" style="width:95px;"><a href="danxie.jsp">单鞋</a></li>
					<li class="e" style="width:95px;"><a href="#">凉鞋</a></li>
					<li class="f" style="width:119px;"><a href="#">包.饰品</a></li>
					<li class="g" style="width:119px;"><a href="#">特价专区</a></li>
				</ul>
				<div class="cart">
                    购物车（1）
                    <a href="cart.jsp"><input type="button" value="去结算" style="cursor:pointer"/></a>
				</div>
			</div>
			<div class="search">
				<div class="hottag">
                 热门分类：&nbsp;
					<a href="danxie.jsp">单鞋</a>&nbsp;|&nbsp;
					<a href="#">高跟鞋</a>&nbsp;|&nbsp;
					<a href="#">鱼嘴</a>&nbsp;|&nbsp;
					<a href="#">平底</a>&nbsp;|&nbsp;
					<a href="#">坡跟</a>&nbsp;|&nbsp;
					<a href="#">真皮</a>
				</div>     
				<div class="searchinput">
					<input type="text" class="search-area"/>
					<input type="button" class="search-button"/>
				</div>	
			</div>
		</div>
		<div class="content">
			<div id="adv">
				<div id="ad-button">
					<img src="images/ad-t2.jpg"/>
				</div>
				<a href="#">
                <img  style="border: medium none; margin-left:10px;float:right;" src="images/prevent.jpg"/>
				</a>
			</div>
			<div id="banner">
				<div id="left" style="width:691px;float:left">
					<div id="ltop1">
						<ul style="top:306px; bottom: 0px; margin-bottom: 0px; left: 0px; right: 0px; padding-left: 0px; margin-top: 0px;">
							<li><a href="#" class="y1" onmouseover="show(1)">母亲节真情回馈</a></li>
							<li><a href="#" class="y2" onmouseover="show(2)">田园自然</a></li>
							<li><a href="#" class="y3" onmouseover="show(3)">新品推荐</a></li>
						</ul>
					</div>
					<div id="ltop2" style="background:url(images/ziran.jpg);display:none">
						<ul style="top:306px; bottom: 0px; margin-bottom: 0px; left: 0px; right: 0px; padding-left: 0px; margin-top: 0px;">
							<li><a href="#" class="y1" onmouseover="show(1)">母亲节真情回馈</a></li>
							<li><a href="#" class="y2" onmouseover="show(2)">田园自然</a></li>
							<li><a href="#" class="y3" onmouseover="show(3)">新品推荐</a></li>
						</ul>
					</div>
					<div id="ltop3" style="background:url(images/xinpin.jpg);display:none">
						<ul style="top:306px; bottom: 0px; margin-bottom: 0px; left: 0px; right: 0px; padding-left: 0px; margin-top: 0px;">
							<li><a href="#" class="y1" onmouseover="show(1)">母亲节真情回馈</a></li>
							<li><a href="#" class="y2" onmouseover="show(2)">田园自然</a></li>
							<li><a href="#" class="y3" onmouseover="show(3)">新品推荐</a></li>
						</ul>
					</div>
					<div id="lbottom">
						<img src="images/index_4_20110429142652.jpg"/>
						<img src="images/index_5_20110429142600.jpg" style="width:225px;"/>
						<img src="images/index_6_20110429142732.jpg" style="width:225px"/>
					</div>
				</div>
				<div id="right" style="float:right">
					<div class="rtop">
						<img src="images/searcj-tit1.gif"/>
					</div>                   
					<div class="rbottom">
						<img src="images/index_7_20110429142819.jpg" style="margin-top:10px;width:235px;"/>
					</div>
				</div>
			</div>
			<div id="liangxie" style="border-top: 1px solid #CCCCCC;">
				<div class="typename">
					<a href="#"><img src="images/index_13_20110429165458.jpg"/></a>
				</div>
				<div class="pic">
					<div class="leftpic">
						<img src="images/index_8_20110504161316.jpg" />
					</div>
					<div class="rightpic">
						<div class="x1">
							<img src="images/11e302431.jpg"/>
							<span class="s1">达芙妮舒软系列—拼接色粗带坡跟凉鞋</span>
							<br/><span class="s2">官网价：179.00</span>
						</div>
						<div class="x2">
							<img src="images/11E301770.jpg"/>
							<span class="s1">达芙妮时尚OL-珠光细交叉带坡跟凉鞋</span>
							<br/><span class="s2">官网价：199.00</span>
						</div>
						<div class="x3">
							<img src="images/11e303814.jpg"/>
							<span class="s1">达芙妮摩登潮鞋-优雅鱼嘴花朵网布单鞋</span>
							<br/><span class="s2">官网价：349.00</span>
						</div>
						<div class="x4">
							<img src="images/11e302607.jpg"/>
							<span class="s1">达芙妮舒软系列-拼接色粗带坡跟凉鞋</span>
							<br/><span class="s2">官网价：179.00</span>
						</div>
						<div class="x5">
							<img src="images/11e303107.jpg"/>
							<span class="s1">达芙妮海洋风情-条纹蝴蝶结坡跟凉鞋</span>
							<br/><span class="s2">官网价：199.00</span>
						</div>
						<div class="x6">
							<img src="images/11e303527.jpg"/>
							<span class="s1">达芙妮潮流系列-罗马风交叉带铆钉后拉链凉鞋</span>
							<br/><span class="s2">官网价：229.00</span>
						</div>
					</div>
				</div>
			</div>
			<div id="danxie" >
			
				<div class="typename">
					<a href="danxie.jsp"><img src="images/index_15_20110429165826.jpg"/></a>
				</div>
				<div class="pic">
					<div class="leftpic">
						<img src="images/index_10_20110504161405.jpg" />
					</div>
					<div class="rightpic">
					<%
						List<Product> list = (List<Product>)request.getAttribute("productlist");
			 		%>
						<div class="x1">
							<a href="x1.jsp?id=<%=list.get(1).getId() %>"><img src="images/<%=list.get(1).getPic() %>"/></a>
							<span class="s1"><a href="l_x1.jsp?id=<%=list.get(1).getId() %>" id="dd"><%=list.get(1).getProductname() %></a></span>
							<br/><span class="s2">官网价：<%=list.get(1).getPrice() %></span>
						</div>
						<div class="x2">
							<a href="x1.jsp?id=<%=list.get(2).getId() %>"><img src="images/<%=list.get(2).getPic() %>"/></a>
							<span class="s1"><a href="l_x1.jsp?id=<%=list.get(2).getId() %>" id="dd"><%=list.get(2).getProductname() %></a></span>
							<br/><span class="s2">官网价：<%=list.get(2).getPrice() %></span>
						</div>
						<div class="x3">
							<a href="x1.jsp?id=<%=list.get(3).getId() %>"><img src="images/<%=list.get(3).getPic() %>"/></a>>
							<span class="s1"><a href="l_x1.jsp?id=<%=list.get(3).getId() %>" id="dd"><%=list.get(3).getProductname() %></a></span>
							<br/><span class="s2">官网价：<%=list.get(3).getPrice() %></span>
						</div>
						<div class="x4">
							<a href="x1.jsp?id=<%=list.get(4).getId() %>"><img src="images/<%=list.get(4).getPic() %>"/></a>
							<span class="s1"><a href="l_x1.jsp?id=<%=list.get(4).getId() %>" id="dd"><%=list.get(4).getProductname() %></a></span>
							<br/><span class="s2">官网价：<%=list.get(4).getPrice() %></span>
						</div>
						<div class="x5">
							<a href="x1.jsp?id=<%=list.get(5).getId() %>"><img src="images/<%=list.get(5).getPic() %>"/></a>
							<span class="s1"><a href="l_x1.jsp?id=<%=list.get(5).getId() %>" id="dd"><%=list.get(5).getProductname() %></a></span>
							<br/><span class="s2">官网价：<%=list.get(5).getPrice() %></span>
						</div>
						<div class="x6">
							<a href="x1.jsp?id=<%=list.get(6).getId() %>"><img src="images/<%=list.get(6).getPic() %>"/></a>
							<span class="s1"><a href="l_x1.jsp?id=<%=list.get(6).getId() %>" id="dd"><%=list.get(6).getProductname() %></a></span>
							<br/><span class="s2">官网价：<%=list.get(6).getPrice() %></span>
						</div>
					</div>
				</div>
			</div>
			<div id="xuezi">
				<div class="typename">
					<a href="#"><img src="images/index_16_20110308165543.jpg"/></a>
				</div>
				<div class="pic">
					<div class="leftpic">
						<img src="images/index_11_20110225135238.jpg" />
					</div>
					<div class="rightpic">
						<div class="x1">
							<img src="images/10e501714.jpg"/>
							<span class="s1">达芙妮简约潮流-小流苏辫短筒靴</span>
							<br/><span class="s2">官网价：399.00</span>
						</div>
						<div class="x2">
							<img src="images/10e502115.jpg"/>
							<span class="s1">达芙妮个性魅力&mdash;拼接真皮过膝高筒靴</span>
							<br/><span class="s2">官网价：499.00</span>
						</div>
						<div class="x3">
							<img src="images/10e503714.jpg"/>
							<span class="s1">达芙妮大气百搭-车线蝴蝶结装饰高筒靴</span>
							<br/><span class="s2">官网价：159.00</span>
						</div>
						<div class="x4">
							<img src="images/10e501345.jpg"/>
							<span class="s1">达芙妮甜美时尚-镶钻蝴蝶结拉链款短筒靴</span>
							<br/><span class="s2">官网价：189.00</span>
						</div>
						<div class="x5">
							<img src="images/10e501605.jpg"/>
							<span class="s1">达芙妮个性自我-立体铆钉扣饰短筒靴</span>
							<br/><span class="s2">官网价：189.00</span>
						</div>
						<div class="x6">
							<img src="images/10e501845.jpg"/>
							<span class="s1">达芙妮典雅气质-复古宫廷结铆钉装饰高筒靴</span>
							<br/><span class="s2">官网价：229.00</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<img src="images/tel.jpg" style="float:right"/><br/>
			<img src="images/footer.PNG" style="margin-top:10px;"/>
			<div class="footerf">
				<img src="images/foot-logo.jpg" style="float:right"/>	
			</div>
			<div style="margin-top:27px;float:right">
				<img src="images/oo.PNG" style="float:right"/>
			</div>
		
		</div>
	</body>
</html>